<template>
    <div class="main-login">
            <!-- <div class= "logo"></div> -->
            <Logo></Logo>
            <div class="select">
                 <router-link tag="button" class="btn btn-default" keep-alive to='/phonelogin'>
                    <span class="u-iconlogin u-iconlogin1">&nbsp;</span>
                    手机号登陆
                 </router-link>
                <router-link tag="button" class="btn btn-default" keep-alive to='/emaillogin'>
                    <span class="u-iconlogin u-iconlogin2">&nbsp;</span>
                    邮箱登陆
                </router-link>
                <router-link tag="button" class="btn btn-default phone-register" keep-alive to='/register'>
                    <span >&nbsp;</span>
                    手机号一键注册
                </router-link>
            </div>
            <div class="m-thirdpart">
                <p class="tit"><span class="txt">或用以下方式登录</span></p>
                <div class="lnk">
                    <a class="u-iconlogin  icon1"  href="javascript:;" >&nbsp;</a>
                    <a class="u-iconlogin  icon2 "  href="javascript:;" >&nbsp;</a>
                    <a class="u-iconlogin  icon3"  href="javascript:;" >&nbsp;</a>
                    <span class="lastlogintext">上次登录</span>
                </div>
            </div>
            <div class="proto">
                    登录即代表您已同意
                    <a class="proto-link" href="javascript:;" target="_blank">“隐私权相关政策”</a>
            </div>
 

    </div>
</template>
<script>
import Logo from "components/common/Login/Logo"
export default {
    components: {
        Logo
    }
}
</script>

<style lang="stylus" scoped>
    .u-iconlogin
        width .18rem
        height .15rem
        display inline-block
        background: url(//w.kl.126.net/res/images/login/loginicon.png?fac6d3de9ea39cffda817cdb9901d042) 0 -.43rem  no-repeat
        background-size 1.75rem
    .main-login    
            padding-top .34rem        
            .select      
                width 3rem
                margin .2rem auto 0

                .btn
                    margin .07rem 0
                    line-height 1
                    &:focus 
                        background-color #fff
                        outline none
                        outline-offset 0
                    &:hover
                        background-color #fff
                    &:active
                        box-shadow none

                .btn-default
                    width 3rem
                    height .42rem
                    border: 1px solid #666
                    border-radius .03rem
                   
                    .u-iconlogin1
                        background-position: 0 -.42rem
                    .u-iconlogin2
                        background-position: -0.23rem -0.41rem
                .phone-register
                    background #000
                    color #fff
                    font-weight  bold
                    &:focus 
                        background-color #000
                  
                   
            .m-thirdpart
                padding .4rem .15rem .5rem
                .tit
                    position relative
                    width 2.15rem
                    margin 0 auto 
                    border-bottom 1px solid #eee 
                    .txt
                        position absolute
                        top -.13rem
                        left 52%
                        margin-left -.57rem
                        width 1.14rem
                        font-size  .12rem
                        line-height .26rem
                        color #999
                        background #fff
                        text-align center
                .lnk
                    position relative
                    padding .27rem 0 0
                    width 2.8rem
                    margin 0 auto 
                    text-align center
                    .u-iconlogin
                        margin 0 .29rem
                        width .31rem
                        height .31rem
                    .icon1
                        background-position -.36rem 0
                    .icon2
                        background-position 0 0
                    .icon3
                        background-position -1.44rem 0
                    span
                        position absolute 
                        bottom -.17rem
                        left 50%
                        margin-left -.25rem
                        width .5rem
                        font-size .1rem
            .proto
                font-size .12rem
                color #999
                text-align center
                a
                    color #999
                    text-decoration underline


                        





</style>